<template>
    <div>
        <van-address-list v-model="chosenAddressId" :list="list" default-tag-text="默认" @add="onAdd" @edit="onEdit" />
    </div>
</template>

<script>
import { getaddress } from '../../api/address';




export default {
    data() {
        return {
            chosenAddressId: '1',
            list: [
                // {
                //     id: '1',
                //     name: '张三',
                //     tel: '13000000000',
                //     address: '浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室',
                //     isDefault: true,
                // },
                // {
                //     id: '2',
                //     name: '李四',
                //     tel: '1310000000',
                //     address: '浙江省杭州市拱墅区莫干山路 50 号',
                // },
            ],
        };
    },

    async created() {
        let result = await getaddress()
        console.log(result);

        //   得到数据后  对数据进行一个处理 
        result.forEach(v => {
            v.address = v.province + v.city + v.country + v.addressDetail
        });

        this.list = result
        //  将得到的数据 更新到 页面上
    },
    methods: {
        onAdd() {

            //   this.$toast 为什么就有?  而我自己得我代码 怎么复制了 以后 没生效
            // this.$toast 如何产生 ,不是固定 不是平白无故就有的 是我们自己设置好的
            this.$router.push("/addaddress")



        },
        onEdit(item, index) {
            this.$toast('新增地址22222');
        },
    },
}
</script>

<style lang="scss" scoped></style>